@import "vars";

.l {float: left;}
.r {float: right;}
.n {font-weight: 400;}
.b {font-weight: 500;}
.long {width: 100% !important;}
.vm {vertical-align: middle;}
.vs {vertical-align: sub;}
.clear:after {display: table;content: '';clear: both;}
.ell {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tc {text-align: center;}
.tr {text-align: right;}
.cd {cursor: default;}
.cp {cursor: pointer;}
.cm {cursor: move;}
.cna {cursor: not-allowed !important;}
.wba {word-break: break-all;}
.flex-v {display: flex;flex-direction: column; justify-content: center;}
.flex-h {display: flex;align-items: center;}
.flex-btw {display: flex;justify-content: space-between;}
.trans {transition: all 0.3s;}
.db {display: block !important;}
.dib {display: inline-block;}
.auto {margin-right: auto;margin-left: auto;}
.font-sm {font-size: 12px;}
.font-md {font-size: 16px;}
.font-lg {font-size: 20px;}
.font-24 {font-size: 24px;}
.font-weight-md {font-weight: 400;}
.font-weight-lg {font-weight: 800;}
.green {color: @success-color;}
.red {color: @danger-color;}
.blue {color: @primary-color;}
.yellow {color: @warning-color;}
.grey {color: @secondary-color;}
.bg-green {background-color: @success-color;}
.bg-red {background-color: @danger-color;}
.bg-blue {background-color: @primary-color;}
.bg-yellow {background-color: @warning-color;}
.bg-grey {background-color: @secondary-color;}
.ml-0 {margin-left: 0;}
.ml-8 {margin-left: 8px;}
.ml-16 {margin-left: 16px;}
.ml-24 {margin-left: 24px;}
.mr-0 {margin-right: 0;}
.mr-8 {margin-right: 8px;}
.mr-16 {margin-right: 16px;}
.mr-24 {margin-right: 24px;}
.mt-0 {margin-top: 0;}
.mt-8 {margin-top: 8px;}
.mt-16 {margin-top: 16px;}
.mt-24 {margin-top: 24px;}
.mb-0 {margin-bottom: 0;}
.mb-8 {margin-bottom: 8px;}
.mb-16 {margin-bottom: 16px;}
.mb-24 {margin-bottom: 24px;}
.pt-8 {padding-top: 8px;}
.pt-16 {padding-top: 16px;}
.pt-24 {padding-top: 24px;}
.pl-8 {padding-left: 8px;}
.pl-16 {padding-left: 16px;}
.pl-24 {padding-left: 24px;}
.pr-8 {padding-right: 8px;}
.pr-16 {padding-right: 16px;}
.pr-24 {padding-right: 24px;}
.pb-8 {padding-bottom: 8px;}
.pb-16 {padding-bottom: 16px;}
.pb-24 {padding-bottom: 24px;}
.p-8 {padding: 8px;}
.p-16 {padding: 16px;}
.p-24 {padding: 24px;}
.link-hover {transition: color 0.3s;}
.link-hover:hover {color: @primary-color;}
.text-symbol {width: 8px;height: 8px;border-radius: 8px;display: block;float: left;margin-right: 7px;}
.text-symbol.primary {background-color: @primary-color}
.text-symbol.success {background-color: @success-color;}
.text-symbol.danger {background-color: @danger-color;}
.text-symbol.default {background-color: @secondary-color;}
.control-width-sm {width: @form-item-width-sm !important;}
.control-width-md {width: @form-item-width-md !important;}
.control-width-lg {width: @form-item-width-lg !important;}
.bbh {height: @beautify-bar-height !important;}
